---
title: Banners
description: Responsive, customizable banner and hero section components for marketing websites. Built with Tailwind CSS v4, these banner designs feature clean layouts, flexible content areas, and mobile-friendly interfaces. Perfect for landing pages, promotional announcements, and website headers that drive user engagement and conversion.
category: marketing
emoji: 🏴‍☠️
slug: banners
terms:
  - hero
components:
  - { title: 'Center', dark: true }
  - { title: 'Left', dark: true }
  - { title: 'Left with image', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Banner Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
